Js 实现函数只执行一次

您所在的位置:网站首页 onload只执行一次 它是怎么获取参数的 Js 实现函数只执行一次

Js 实现函数只执行一次

2024-07-15 13:33| 来源: 网络整理| 查看: 265

Js 如何实现函数只执行一次

有时候我们会遇到某个函数在多次执行中只运行一次的情况,那么如何实现呢? 下面直接上代码

let once = function(fn) { let caller = true; return function() { if(caller) { caller = false fn.apply(this, arguments) } } }

通过调用上面的函数

let onlyOneFn = once(function() { console.log('once') }) function runLoopFn() { let i = 100 while(i--) { console.log('loop run') onlyOneFn() } } runLoopFn() // once * 1 loop run * 100

上面的执行结果可以看出, 循环执行100次, 打印了100次 loop run, 但是只执行了一次打印 once

通过封装的once 函数, 利用闭包我们可以实现函数只执行一次.



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3